#slider-base img{
    height: 700px;
    max-height: 100vh;
    -webkit-clip-path: polygon(0% 0%, 0% 65%, 100% 100%, 100% 0%);
    clip-path: polygon(0% 0%, 0% 65%, 100% 100%, 100% 0%);
    filter: brightness(0.5);
}
.gal{
    position: absolute;
    top: 0;
    width: 100%;
}
h1.floater {
    position: relative;
    /* top: 5rem; */
    padding: 15rem 2rem;
    font-size: 5rem;
    text-transform: uppercase;
    color: #e6e6e6;
    text-align: center;
    word-break: break-word;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.cls-1{
    fill:#fff;
    /* transition: 1s; */
    animation: logo 1s infinite alternate;
}

#logo {
    width: 100px;
}

@keyframes logo {
    from {fill: white;}
    to {fill: #fea501;}    
}